<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教育展示--电子杂志</title>
    <link rel="stylesheet" href="/static/common/css/reset.css">
    <link rel="stylesheet" href="/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="/static/common/css/header.css">
    <link rel="stylesheet" href="/static/common/css/footer.css">
    <link rel="stylesheet" href="/static/css/investors/iconfont/iconfont.css">
    <link rel="stylesheet" href="/static/css/exhibition/list_exhibition_post.css">
    <link rel="stylesheet" href="/static/common/css/common.css">

</head>

<body>
    <!-- 头部部分 -->
    <div id="header"></div>
    <!-- 内容区域 -->
    <div class="dh-main">
        <div class="exhibition-banner"></div>
        <div class="main-content">
            <div class="main-left">
                <div class="dh-top1">
                    <p class="h-top">投资者之家</p>
                </div>
                <ul class="dh-list">
                     <li> <a  href="page_exhibition-video.html">投教视频 </a></li>
                    <li> <a class="dh-acitve"  href="list_exhibition-design.html">创意设计 </a></li>
                    <li> <a  href="list_exhibition-magazine.html">电子杂志 </a></li>
                    <li> <a   href="list_exhibition-warningcase.html">风险警示与案例</a class="dh-acitve"></li>
                </ul>
            </div>
            <div class="main-right">
                <div class="right-txt-box">
                    <h1>电子杂志</h1>
                    <div class="wz">
                        <span class="wz-span">您的位置：<a href="">首页</a> > <a href="">投资者之家</a> ><a href="">电子杂志</a> </span>
                    </div>
                </div>
                <!-- 右侧的内容 -->
                <div class="box-txt">
                    <ul class="top-tabs clearfix">
                        <li class="active">你讲故事我点赞</li>
                        <li>
                            <a href="http://www.sac.net.cn/hyfw/zqjftj/zxsq/" target="_blank">
                                <img src="../static//images/investors/icon.png" alt="icon">
                                证券纠纷调解在线申请
                            </a>
                        </li>
                    </ul>
                    <div class="post-container">
                        <!-- 作者信息 -->
                        <div class="user-info clearfix">
                            <img src="../static/images/investors/ava.png">
                            <div class="info-font">
                                <h3>Bill Gates</h3>
                                <p>请确认您拥有该作品的版权；带有 * 的项目是必填的哦。</p>
                            </div>
                        </div>
                        <ul class="post-list">
                            <li>
                                <p class="list-title">作品名称</p>
                                <div class="content">
                                    <input type="text" id="post-title" class="post-title" maxlength="50"
                                        onchange="this.value=this.value.substring(0,50)"
                                        onkeydown="this.value=this.value.substring(0,50)"
                                        onkeyup="this.value=this.value.substring(0,50)">
                                    <p class="remind">还可以输入 <em class="post-title-count">50</em> 字符/汉字 </p>
                                </div>
                            </li>
                            <li>
                                <p class="list-title">作品分类</p>
                                <select class="list-options">
                                    <option>手册</option>
                                    <option>手册32</option>
                                    <option>手册5</option>
                                    <option>手册4</option>
                                  </select>
                            </li>
                            <li>
                                <p class="list-title">作品说明</p>
                                <div class="content">
                                    <textarea name="post-content" id="post-content" maxlength="2000"
                                        class="post-content" onchange="this.value=this.value.substring(0,2000)"
                                        onkeydown="this.value=this.value.substring(0,2000)"
                                        onkeyup="this.value=this.value.substring(0,2000)"></textarea>
                                    <p class="remind">还可以输入 <em class="post-content-count">2000</em> 字符/汉字 </p>
                                </div>
                            </li>
                            <li>
                                <p class="list-title">作品授权</p>
                                <select class="list-options">
                                    <option>禁止匿名转载</option>
                                    <option>禁止匿名转载1</option>
                                    <option>禁止匿名转载2</option>
                                    <option>禁止匿名转载3</option>
                                  </select>
                            </li>
                            <li>
                                <p class="list-title">上传图片</p>
                                <div class="content">
                                    <div class="upload_btn clearfix">
                                        <input class="fileinput" type="file" id="choose"
                                            accept="image/gif,image/jpeg,image/jpg,image/png" style="width:0;height:0"
                                            multiple="">
                                        <ul class="img-list"></ul>
                                        <div class="filebox" id="upload"></div>

                                        <div class="pic-list"></div>
                                    </div>
                                    <p class="remind">支持jpg/gif/png格式，< 1M，最多上传5张图片</p> </div> </li> </ul> <button
                                            class="submit">提交</button>
                                </div>
                    </div>
                </div>

            </div>


        </div>

        <!--放一个id为footer的div,把footer.html加载到这块-->
        <div id="footer"></div>
        <!-- 底部部分 -->
</body>
<script src="/static/common/js/jquery-1.11.3.js"></script>
<!-- 加载头尾 -->

<script src="/static/common/js/load.js"></script>
<script src="/static/common/js/ellipsis.js"></script>
<script src="/static/common/js/upload.js"></script>
<script src="/static/common/js/swiper_2.7.js"></script>
<script>
    $('.zs-tabs>p').click(function () {
        $(this).addClass('zs-acitve').siblings().removeClass('zs-acitve')
    })

    // 限制字数
    $('#post-content').change(function () {
        var length = 2000 - $(this).val().length;
        $('.post-content-count').text(length);
    })
    $('#post-content').keyup(function () {
        var length = 2000 - $(this).val().length;
        $('.post-content-count').text(length);
    })
    $('#post-content').keydown(function () {
        var length = 2000 - $(this).val().length;
        $('.post-content-count').text(length);
    })

    // 限制字数
    $('#post-title').change(function () {
        var length = 50 - $(this).val().length;
        $('.post-title-count').text(length);
    })
    $('#post-title').keyup(function () {
        var length = 50 - $(this).val().length;
        $('.post-title-count').text(length);
    })
    $('#post-title').keydown(function () {
        var length = 50 - $(this).val().length;
        $('.post-title-count').text(length);
    })

    window.common_start_time = new Date();
    var __SiteAppCommon__ = { domain: "http://edu.longone.com.cn", dirurl: "http://edu.longone.com.cn/app?d=www&c=", baseurl: "http://edu.longone.com.cn/app?d=www&c=Touzizhezhijia", thisurl: "http:edu.longone.com.cnapp-www-Touzizhezhijia-FivethSpace.html", themeurl: "http://edu.longone.com.cn/static/theme/www/", timestamp: "1578057550.1232", token: "c291d0d7a547308f3e6229b9d6c93b6537d01971" };

    __Upload.op.uploadUrl = "http://edu.longone.com.cn/app?d=www&c=member&m=feedbookuploadimgs&xmlhttprequest=true";
    $("#upload").on("click", function () {
        document.getElementById("choose").click();
    }).on("touchstart", function () {
        $(this).addClass("touch")
    }).on("touchend", function () {
        $(this).removeClass("touch")
    });


    document.getElementById("choose").onchange = function () {
        __Upload.filechoose(this);
    };
</script>

</html>